/* flex */
.flex {
  display: flex;
}
.banner-center {
  width: 1000px;
  margin: 0 auto;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-justify-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex-justify-end {
  display: flex;
  justify-content: flex-end;
}
.flex-align-end {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.flex-row-justify-between {
  display: flex;
  justify-content: space-between;
}

.flex-justify-center {
  display: flex;
  justify-content: center;
}

.flex-align-center {
  display: flex;
  align-items: center;
}

.flex-column-justify-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.flex-column-justify-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.flex-column-align-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.flex-1 {
  flex: 1;
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.multi-line-ellipsis {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.echarts {
  width: 100%;
  height: 100%;
}
.border {
  border: 1px solid #fff;
}
.border-black {
  border: 1px solid #111;
}
